﻿
<div id="#main-box">
  <div class="event-date"><%=$.fullCalendar.formatDate(start, "dddd, MMMM dd, yyyy")%></div>
  <div class="row">
    <div class="row-left">Subject:</div>
    <div class="row-right"><%=title%></div>
  </div>
  <div class="row">
    <div class="row-left">Category:</div>
    <div class="row-right"><%= (categories) ? categories.join('; ') : '' %></div>
  </div>
  <div class="row">
    <div class="row-left">Location:</div>
    <div class="row-right"><%=location%></div>
  </div>
  <div class="row">
    <div class="row-datetime-left">
      <div class="row-starttime">
        <div class="row-left">Start time:</div>
        <div class="start-time"><%=$.fullCalendar.formatDate(start, "dd/MM/yyyy HH:mm")%></div>
      </div>
      <div class="row-endtime">
        <div class="row-left">End time:</div>
        <div class="end-time"><%=$.fullCalendar.formatDate(end, "dd/MM/yyyy HH:mm")%></div>
      </div>
    </div>
    <div class="row-datetime-right">
      <div class="checkbox"><%= (allDay) ? "X" : "" %></div>
      <div class="checkbox-label">All Day Event</div>
    </div>
  </div>
  <div class="row">
    <div class="row-left">&nbsp;</div>
    <div class="row-otherinfo">
        <pre><%=body%></pre>
    </div>
  </div>
</div>
